<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="UTF-8" />
	<title>프로그램 입력</title>
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<script src="js/common_group.js" language="Javascript" type="text/javascript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript" src="js/join.js"></script>
<script type="text/javascript">
function PostFind(){
	var newWindow=null;
	$("#post_btn").click(function(){
		newWindow = open("/shop/post/post_page.jsp","우편번호 찾기","height=700,width=610,top=200,left=150,resizable=no,scrollbars=yes");
	});
	$(".zipcode").click(function(){
		newWindow = open("/shop/post/post_page.jsp","우편번호 찾기","height=700,width=610,top=200,left=150,resizable=no,scrollbars=yes");
	});
}

function Id_check(){
	//:::::::::::::::::::::::id에 대한 체크 ::::::::::::::::::::::::::::::::::::::::::
	if( ! checkInput( $('input[name=id]'),'아이디를 입력하세요 ') ){
		return false;
	}
	if( ! checkHanGle( $('input[name=id]') ) ){
		 alert("대문자,띄어쓰기, 한글, 특수문자가 있는지 확인하세요 ");
		 $('input[name=id]').focus();	 
		return false; 
	}
	if(	! IdCipher($('input[name=id]'),'영문소문자/숫자, 4~16자로 입력해 주세요') )return false;
	//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	return true;
}
	$(document).ready(function(){
		PostFind();
		$('#id_checkBtn').click(function(){
			$('#id_checkBtn').data("flag","1");
			 if( !Id_check() ){
				$('#id_checkBtn').data("flag","0");
			 }else{
			 $.ajax({
				url:"Id_Check/id_check.jsp",
				type:"post",
				data:"id="+$('input[name=id]').val(),
				dataType:"xml",
				success:function(data){
					if( $(data).find("re").text() == "0"){
						alert("사용가능한 아이디입니다.");
					}
				},
				error: function(){//에러났을시 팝업으로 띄어주기
					alert("아이디가 중복되었습니다.");
					$('#id_checkBtn').data("flag","0");
					$('input[name=id]').focus();	
				}
			}); // end of ajax
		}			
	}); //end of id_checkBtn click
	
	}); //end of ready
</script>
</head>
<body class="main">
	<jsp:include page="../top/tmalltop.jsp"></jsp:include>

<!-- siteAlign S -->
<div id="siteAlign">

	<!-- quickArea S -->
	<div id="quickArea">


		<!-- sideMenu S -->
		<div id="sideMenu">

		</div>
		<!-- sideMenu E -->
		<script type="text/javascript">imgRollover('sideMenu');</script>

		<hr />

		<!-- contentArea S -->
		<div id="contentArea">

			<!-- location S -->
			<div id="location"><a href="/">HOME</a> >  <b>회원가입</b></div>
			<!-- location E -->

			<hr />

			<!-- content S -->
			<div id="content" class="CTdef">

				<!-- pageTitle S -->
				<div id="pageTitle">

					<h2><img src="images/title/title6_01.gif" alt="회원가입" /></h2>

				</div>

				<!-- bbs default write S -->
				<fieldset class="box">
				<legend class="desc">[게시판명 프로그램입력] 목록</legend>
				<form action="join_insert_action.yo" method="post" >
				<table cellspacing="0" summary="[게시판명 프로그램입력]의 게시물 목록 입니다." class="bdw">
					<caption>[게시판명 프로그램입력]의 게시물 목록 입니다.</caption>
					<colgroup><col width="170" /><col width="*" /></colgroup>
					<tbody>
						<tr>
							<th scope="row" class="first"><label for="formname01">아이디 <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="names last"><input type="text" id="id" name="id" title="아이디" class="uname"  /> <input type="image" src="images/bbs/btn_iddouble.gif" alt="아이디중복확인" id="id_checkBtn" onclick="Id_check()" /></td>
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname02">비밀번호 <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="names last"><input type="password" id="formname02" name="password" title="비밀번호" class="uname"  /></td>	
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname03">비밀번호 확인 <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="names last"><input type="password" id="formname03" name="ok_password" title="비밀번호확인" class="uname"  /></td>
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname04">비밀번호 질문</label> <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="name last">
								<select name="pw_qtn"><option value="기억에 남는 추억의 장소는?">기억에 남는 추억의 장소는?</option>
									<option value="자신의 인생 좌우명은?">자신의 인생 좌우명은?</option>
									<option value="자신의 보물 제1호는?">자신의 보물 제1호는?</option>
									<option value="가장 기억에 남는 선생님 성함은?">가장 기억에 남는 선생님 성함은?</option>
									<option value="타인이 모르는 자신만의 신체비밀이 있다면?">타인이 모르는 자신만의 신체비밀이 있다면?</option>
									<option value="추억하고 싶은 날짜가 있다면?">추억하고 싶은 날짜가 있다면?</option>
									<option value="받았던 선물 중 기억에 남는 독특한 선물은?">받았던 선물 중 기억에 남는 독특한 선물은?</option>
									<option value="유년시절 가장 생각나는 친구 이름은?">유년시절 가장 생각나는 친구 이름은?</option>
									<option value="인상 깊게 읽은 책 이름은?">인상 깊게 읽은 책 이름은?</option>
									<option value="읽은 책 중에서 좋아하는 구절이 있다면?">읽은 책 중에서 좋아하는 구절이 있다면?</option>
									<option value="자신이 두번째로 존경하는 인물은?">자신이 두번째로 존경하는 인물은?</option>
									<option value="친구들에게 공개하지 않은 어릴 적 별명이 있다면?">친구들에게 공개하지 않은 어릴 적 별명이 있다면?</option>
									<option value="초등학교 때 기억에 남는 짝꿍 이름은?">초등학교 때 기억에 남는 짝꿍 이름은?</option>
									<option value="다시 태어나면 되고 싶은 것은?">다시 태어나면 되고 싶은 것은?</option>
									<option value="내가 좋아하는 캐릭터는?">내가 좋아하는 캐릭터는?</option>
								</select>
							</td>
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname05">비밀번호 답변</label> <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="names last"><input type="text" id="formname05" name="qtn_answer" title="비밀번호 답변" class="uname"  />
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname06">이름 <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="names last"><input type="text" id="formname06" name="name" title="이름" class="uname"  /></td>
						</tr>
						<tr>
							<th scope="row" rowspan="2" class="first"><label for="formname07">주소 <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="names last"><input type="text" id="zipcode1" name="zipcode1" title="우편번호" class="uname"  /> <input type="image" src="images/bbs/btn_post.gif" alt="우편번호 찾기" id="post_btn" /></td>
						</tr>
						<tr>
							<td class="names last"><input type="text" id="addr" name="addr" title="주소" class="uname"  /> <input type="text" id="addr_last" name="addr_last" title="주소" class="uname"  /> 상세주소입력<br />
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname08">휴대폰 번호 <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="phones last"><input type="text" id="mobile" name="mobile" title="휴대폰 번호" class="uname"  /> - <input type="text" id="phoneNum1" name="phoneNum1" title="휴대폰 번호" class="uname"  /> - <input type="text" id="phoneNum2" name="phoneNum2" title="휴대폰 번호" class="uname"  /></td>
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname05">이메일 <img src="images/contents/ess.gif" width="5" height="9" alt="필수" /></label></th>
							<td class="email last">
								<input type="text" id="email_id" name="email_id" title="이메일" class="email" />	&#64; <input type="text" id="email_addr" name="email_addr" title="이메일" size="20" />
							</td>
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname09">성별</label></th>
							<td class="man last"><input type="radio" id="formname09" name="formname09" title="남자" class="uname"  /> 남자 &nbsp; 
							<input type="radio" id="formname09" name="formname09" title="여자" class="uname"  /> 여자</td>
						</tr>
						<tr>
							<th scope="row" class="first"><label for="formname10">생년월일</label></th>
							<td class="man last">
								<select id="year" name="year" class="qtr">
									<option>선택</option>
								</select> 년 &nbsp; 
								<select id="month" name="month" class="qtr">
									<option>선택</option>
								</select> 월 &nbsp; 
								<select id="day" name="day" class="qtr">
									<option>선택</option>
								</select> 일 &nbsp; 
								<input type="radio" id="formname10" name="formname10" title="양력" class="uname"  /> 양력 &nbsp; 
							<input type="radio" id="formname10" name="formname10" title="음력" class="uname"  /> 음력
							</td>
						</tr>
					</tbody>
				</table>
				</form>
				</fieldset>


				<!-- bbsbtn s -->
				<p class="tac Mt10"><a href="#"><img src="images/bbs/btn_prepage.gif"alt="이전페이지" /></a> 
				<input type="image" id="join_Btn" src="images/bbs/btn_join.gif" class="submit" alt="작성완료" /></p>
				<!-- bbs footer E -->

				
			</div>
			<!-- content E -->

		</div>
		<!-- contentArea E -->




		<!-- slide_top S -->
		<div id="slide_top">

			<script type="text/javascript">imgRollover('slide_top');</script>

		</div>
		<!-- slide_top E -->

	</div>
	<!-- quickArea E -->

</div>
<!-- # siteAlign S -->



<hr />
<!-- # footer S -->
<div id="footer">

	<div class="fooimg">

		<img src="images/common/logo_bottom1.gif" class="logo" alt="버라이어티 쿠킹 클래스 Amy Cooking"/>

		<ul>
			<li><a href="#"><img src="images/common/bo_text01.gif" alt="회사소개"/></a></li>
			<li><a href="#"><img src="images/common/bo_text02.gif" alt="마케팅 제휴"/></a></li>
			<li><a href="#"><img src="images/common/bo_text03.gif" alt="이용약관"/></a></li>
			<li><a href="#"><img src="images/common/bo_text04.gif" alt="개인정보취급방침"/></a></li>
		</ul>


		<div class="copy">
			<p>
				<img src="images/common/add_011.gif" alt="주소 서울시 논현동 206-17번지 정글빌딩 7층 (주)션커뮤니케이션즈   Tel 1599-7719  Fax 02-6008-6149  제휴&문의 amy@seancom.co.kr"/><br />
				<img src="images/common/add_021.gif" alt="개인정보관리 책임자 권미애  사업자 등록번호 000-00-00000  통신판매업 신고번호 제0000-서울강남-00000호  대표자 배주태"/><br />
				<img src="images/common/add_031.gif" alt="copyright(c) amycooking all rights reserved"/>
			</p>
		</div>


	</div>



</div>
<!-- # footer E -->

</body>
</html>